<template>
    <div>
      <div class="container"></div>
        <router-link to="/hello">点击跳转路由</router-link>
        <br/>
        <el-button type="primary">登录按钮</el-button>
        <button type="button" class="btn btn-primary">Primary</button>
        <div>{{ TestStore.userName }}</div>
        <input type="text" v-model="state.nameValue">
        <button @click="nameChange">确定</button>
    </div>
</template>
 
<script setup>
import {reactive} from 'vue'
import useStore from "@/store";
const { TestStore } = useStore();


const state = reactive({
   title: 'hahaha',
   nameValue: ''
})
const nameChange = ()=>{
    TestStore.setCount(state.nameValue)
}
</script>
 
<style lang="scss" scoped></style>